<html class="no-js" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<body th:fragment="body">
	<style type="text/css">
		.joint-element {
		    cursor: move;
		}
		g[Attributes Style] {
		    fill: rgb(255, 255, 255);
		    stroke: none;
		    transform: translate(35, 100);
		}
		.joint-viewport{
			user-select: none;
		}
		.joint-stencil.joint-theme-modern{
			color: #c6c7e2;
		}
		.joint-stencil.joint-theme-modern{
		}
	</style>
	<link rel="stylesheet" type="text/css" media="screen" th:href="@{'/library/rappid/joint.css'}" />
	<script type="text/javascript" th:src="@{'/library/rappid/lodash.js'}"></script>
	<script type="text/javascript" th:src="@{'/library/rappid/backbone.js'}"></script>
	<script type="text/javascript" th:src="@{'/library/rappid/joint.js'}"></script>

	<nav class="am-g">
		<nav class="am-u-lg-3 am-panel am-panel-default">
			<nav>
				<label>+</label>
				<label>-</label>
				<lable class="am-titlebar-title">案例</lable>
			</nav>
			<nav>
				<input value="" placeholder="search" style="width: 100%"/>
			</nav>
			
			<nav>
				<section data-am-widget="accordion" class="am-accordion am-accordion-gapped" data-am-accordion='{  }'>
					<dl class="am-accordion-item am-active">
			       		<dt class="am-accordion-title">
			       			a接口
			        	</dt>
			        	<dd class="am-accordion-bd am-collapse am-in">
			          		<g model-id="c86366d6-94d6-4501-967d-b62ba96eccaf" id="j_12" class="joint-cell joint-type-fsa joint-type-fsa-state joint-element joint-theme-modern" data-type="fsa.State" fill="#ffffff" stroke="none" data-tooltip="State" data-tooltip-position="left" data-tooltip-position-selector=".joint-stencil" transform="translate(35,100)">
			          			<g class="rotatable" id="v-84">
			          				<g class="scalable" transform="scale(1,1)">
			          					<circle id="v-85" stroke-width="2" fill="#6a6c8a" stroke="#61549c" r="30" cx="30" cy="30" stroke-dasharray="0"></circle>
			          				</g>
				          			<text id="v-86" font-size="11" xml:space="preserve" y="0.8em" font-weight="Normal" text-anchor="middle" fill="#c6c7e2" font-family="Roboto Condensed" stroke-width="0" transform="matrix(1,0,0,1,30,25.4)">
				          				<tspan dy="0" class="v-line">state</tspan>
				          			</text>
			          			</g>
			          		</g>
			        	</dd>
			      	</dl>
				</section>
				 <section data-am-widget="accordion" class="am-accordion am-accordion-gapped" data-am-accordion='{  }'>
			       <dl class="am-accordion-item">
			       	<dt class="am-accordion-title">
			       		a接口
			        </dt>
			        <dd class="am-accordion-bd am-collapse ">
			          	<input type="button" class="am-btn am-btn-secondary btn-loading-example" value="第一个案例">
			        </dd>
			      </dl>
			  </section>
			</nav>
		</nav>

		<nav class="am-u-lg-9 am-panel am-panel-default">
			<nav id="myholder"></nav>
		</nav>
	</nav>

</body>
</html>